<style scoped lang="less" >
    @import "../../../styles/common.less";
</style>
<template>
    <Row>
        <i-col>
        <Card>
            <p slot="title" class="card-title">

            </p>
            <div>
                <Table border :context="self" :row-class-name="rowClassName" :columns="table.columns" :data="table.data"></Table>
                <div style="display: block;padding-top: 10px;text-align: right">
                    <Page :total="40" size="small" show-elevator show-sizer></Page>
                </div>
            </div>
        </Card>
        </i-col>
    </Row>
</template>

<script>
  import data from './data';
  export default {
    components: {},
    data () {
      return {
        self: this,
        table: data
      };
    },
    computed: {},
    methods: {
      rowClassName (row, index) {
        if (row.eventLevel === '紧急') {
          return 'table-row-warning';
        }
        return '';
      }
    }
  };
</script>
